.childrens-home {
	.home-banner {
		width: 92vw;
		margin: auto;
		display: block;
	}

	.home-gp1 {
		width: 92vw;
		margin: auto;

		.home-gp1_head {
			font-size: 2vw;
			font-weight: bold;
			color: rgba(#000, 0.8);
			text-align: center;
			line-height: 2;
			padding-top: 50px;
			font-family: '微软雅黑';

			span {
				font-size: 2vw;
				color: #E6061F;
			}
		}

		.home-gp1_subhead {
			font-size: 1.4vw;
			color: #666666;
			text-align: center;
			font-family: '微软雅黑';
		}

		.home-gp1_cul {
			display: flex;
			flex-wrap: wrap;

			.home-gp1_cli {
				height: 10.16vw;
				border: 1px solid rgba(#cccccc, 0.7);
				margin-top: 0.2vw;
				margin-left: 0.2vw;
				cursor: pointer;

				&:nth-child(3n+1) {
					margin-left: 0;
				}

				.gp1_cli-ct1 {
					font-size: 1.4vw;
					color: #000000;
					text-align: center;
					line-height: 2.2;
					margin-top: 0.696vw;
				}

				.gp1_cli-ct2 {
					font-size: 0.85vw;
					color: rgba(#666666, 0.8);
					text-align: center;
					line-height: 1.4;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
			}

			.home-gp1_cli:hover {
				background-color: #e60012;
				border-color: #e60012;

				.gp1_cli-ct1 {
					color: #fff;
				}

				.gp1_cli-ct2 {
					color: #fff;
				}
			}
		}

		.home-gp1_but {
			width: 12vw;
			height: 2.1vw;
			line-height: 2.1vw;
			text-align: center;
			font-size: 0.86vw;
			color: #333333;
			border: 1px solid #999999;
			display: block;
			margin: 1.5vw auto;
			cursor: pointer;
		}

		.home-gp1_xlist {
			display: flex;
			flex-wrap: wrap;
			margin-top: 15px;
			box-sizing: border-box;

			.home-gp1_xhl {
				margin-left: 0.5vw;
				margin-top: 1.74vw;
				margin-bottom: 1vw;
				cursor: pointer;

				.home-gp1_xconter {
					width: 100%;
					height: 21.57vw;
					overflow: hidden;
					position: relative;
				}

				.home-gp1_xig1 {
					width: 100%;
					height: 21.57vw;
					transition: .5s transform;
				}

				.home-gp1_mebox {
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-color: rgba(0, 0, 0, 0);
					transition: 0.6s ease;
				}

				.home-gp1_mtk1 {
					width: 100%;
					text-align: center;
					color: #fff;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					font-size: 1.2vw;
					position: absolute;
					top: 0;
					opacity: 0;
					transition: 0.6s ease;
					padding: 0 1.5vw;
				}

				.home-gp1_mtk2 {
					font-size: 1.05vw;
					width: 100%;
					text-align: center;
					color: #fff;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					position: absolute;
					bottom: 0;
					transition: 0.6s ease;
					opacity: 0;
				}

				.home-gp1_xig2 {
					font-size: 1.3vw;
					color: #000000;
					margin-top: 10px;
				}

				.home-gp1_xig3 {
					font-size: 1.11vw;
					color: rgba(#000, 0.9);
					margin-top: 10px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.home-gp1_xig4 {
					font-size: 0.8vw;
					color: rgba(#000, 0.9);
					margin-top: 1vw;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				&:hover {
					.home-gp1_xig1 {
						transform: scale(1.2);
					}

					.home-gp1_mebox {
						background-color: rgba(0, 0, 0, 0.5);
					}

					.home-gp1_mtk1 {
						top: 10vw;
						opacity: 1;
					}

					.home-gp1_mtk2 {
						bottom: 9.5vw;
						opacity: 1;
					}
				}
			}

			.home-gp1_xhl:nth-child(3n+1) {
				margin-left: 0;
			}
		}

		.home-gp1_zyfw {
			display: flex;
			margin-top: 4vw;

			.home-gp1_zli {
				flex: 1;

				&+.home-gp1_zli {
					border-left: 1px solid #959595;
				}

				.home-gp1_zt1 {
					font-size: 1.6vw;
					color: #333333;
					text-align: center;
					line-height: 1.6;
				}

				.home-gp1_zt2 {
					font-size: 0.9vw;
					color: #666666;
					text-align: center;
					line-height: 1.8;
					margin-top: 0.5vw;
				}
			}
		}
	}

	.home-gp4 {
		width: 92vw;
		margin: auto;
		padding-bottom: 65px;

		.home-gp4_hli {
			margin-top: 100px;
			display: flex;
			flex-direction: row;

			.home-gp4_hig {
				width: 55.7vw;
				height: 23.38vw;
				display: block;
			}

			.home-gp4_hrig {
				flex: 1;
				min-width: 0;
				padding-left: 2.784vw;
				padding-right: 0.696vw;
				background-color: #e4e4e4;

				.home-gp4_htx1 {
					font-size: 1.3vw;
					color: #333333;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					line-height: 1;
					margin-top: 4.5vw;
				}

				.home-gp4_htx2 {
					font-size: 0.97vw;
					line-height: 1;
					color: #000000;
					font-weight: bold;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					margin-top: 2.784vw;
					position: relative;
					padding-bottom: 1.392vw;

					&::after {
						content: '';
						width: 40px;
						height: 1.5px;
						background-color: #000;
						position: absolute;
						left: 0;
						bottom: 0;
					}
				}

				.home-gp4_htx3 {
					font-size: 0.85vw;
					color: #333333;
					line-height: 1.6;
					padding-top: 1vw;
					letter-spacing: -1px;
					margin-right: 1vw;
				}
			}
		}
	}

	.conter-more {
		font-size: 20px;
		color: #BBBBBB;
		text-align: center;
		margin-top: 30px;
		cursor: pointer;
	}
}